@charset "utf-8";
html,body{ font:14px/1.7 'Microsoft YaHei',Tahoma,Verdana,'Simsun'; color:#666; -webkit-text-size-adjust:none;    letter-spacing: 0.4px;background:#f2f2f2;}
h1,h2,h3,h4,h5,h6,p{ padding:0; margin:0;}
ol,ul,li,dl,dt,dd{ list-style:none; padding:0; margin:0;}
a{ color:#666; text-decoration:none;}
a:hover{ text-decoration:none;}
img { max-width:100%; height:auto; display:block;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
clear{ clear:both;}
.BMap_Marker img{ max-width:none !important;}
.BMap_shadow div{display:none;}
.fl{float:left;}
.fr{float:right;}
.container{max-width:100%;}
#showproduct .editor img{margin:0 auto;}
/*头部*/
header{ width:100%; position:fixed;top: 0;      top: 50px;  line-height: 100px; height: 100px;  transition: all .3s ease;    z-index: 100; }
header .container{display: table;      padding-right: 0;    margin: 0 auto;background: #fff;  height: 100%;}
header .la-x{float:right;}
header .la-x a{display:block;background:url(../images/lan.png) no-repeat left; background-size:28px 28px;    padding-left: 40px; color:#fff; font-size:16px;}
header:hover .la-x a{ background:url(../images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }
.top-logo{width:320px; border-right: 1px solid #eee;display: table-cell;vertical-align: middle; padding-left: 17px;   position: relative;    z-index: 10;   max-width: 320px; }
.top-logo img.img2{top:19.5px; left:0; position:absolute;    display: none;}
header.hover-animate { background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,.1);    position: fixed;top: 0}
.met_flash img{width:100%;}
.search {margin-top:43px;}
.r-c{     cursor: pointer;   height: 100px;float:right;background:#045215;width: 14%;}
.r-c img{    margin: 34px auto;}
.r-h{display:none; position: fixed;top: 0; left: 0; width: 100%; height: 100%;z-index: 998;background-color: rgba(0, 0, 0, .7);transition: .3s; cursor: pointer;}
.r-ct{     padding: 50px 30px;   position: fixed;top: 0;right:-400px;width: 400px;height: 100%; background:url(../images/c-bg.jpg) no-repeat;background-size:cover; z-index: 999;transition: .5s cubic-bezier(.77,0,.175,1); overflow: auto;}
.r-ct p{font-size:15px; color:#777;padding-top: 30px;  }
.r-ct.r-co{right:0;}
.r-ct h5{   margin-top: 10%;   position: relative;padding-left: 45px;    padding-bottom: 0;margin-bottom: 20px;font-size: 22px;}
.r-ct h5::before { content: '';width: 30px;height: 3px;border-radius: 4px; background-color: #045215; display: block;position: absolute;top: 17px;left: 0;}
.r-ct h5::after { content: '';width: 15px;height: 3px; border-radius: 4px;background-color: #045215;display: block;position: absolute;top: 9px;left: 15px;}
.cha{width: 100%;height: 25px; cursor: pointer;}
.cha img{    float: right;width: 25px;}
.r-l{    margin-top: 30px;}
.r-l img{margin:0 auto;}
.r-ct ul li{margin-top: 12px;text-align:center;}
.r-ct ul li h3{     font-size: 15px;   padding: 10px 0;}
.r-ct ul li .pi{width:70px; height:70px; margin:0 auto; background-size:70px !important;}
.r-ct span{display:block; width:200px; height:50px;     margin-top: 30px;text-align: center; border:1px solid #666;}
.r-ct span a{font-size:16px; line-height: 50px;}
.r-ct span:hover{background:#045215;}
.r-ct span:hover a{color:#fff;}
.r-h.r-o{display:block;visibility: visible}
.r-ct ul li:nth-child(1) .pi{background:url(../images/p1.png) no-repeat;}
.r-ct ul li:nth-child(2) .pi{background:url(../images/p3.png) no-repeat;}
.r-ct ul li:nth-child(3) .pi{background:url(../images/p5.png) no-repeat;}
.r-ct ul li:nth-child(4) .pi{background:url(../images/p7.png) no-repeat;}
.r-ct ul li:nth-child(5) .pi{background:url(../images/p9.png) no-repeat;}
.r-ct ul li:nth-child(6) .pi{background:url(../images/p11.png) no-repeat;}
.r-ct ul li:nth-child(7) .pi{background:url(../images/p13.png) no-repeat;}
.r-ct ul li:nth-child(8) .pi{background:url(../images/p15.png) no-repeat;}
.r-ct ul li:nth-child(9) .pi{background:url(../images/p17.png) no-repeat;}
.r-ct ul li:nth-child(10) .pi{background:url(../images/p19.png) no-repeat;}
.r-ct ul li:nth-child(1):hover .pi{background:url(../images/p2.png) no-repeat;}
.r-ct ul li:nth-child(2):hover .pi{background:url(../images/p4.png) no-repeat;}
.r-ct ul li:nth-child(3):hover .pi{background:url(../images/p6.png) no-repeat;}
.r-ct ul li:nth-child(4):hover .pi{background:url(../images/p8.png) no-repeat;}
.r-ct ul li:nth-child(5):hover .pi{background:url(../images/p10.png) no-repeat;}
.r-ct ul li:nth-child(6):hover .pi{background:url(../images/p12.png) no-repeat;}
.r-ct ul li:nth-child(7):hover .pi{background:url(../images/p14.png) no-repeat;}
.r-ct ul li:nth-child(8):hover .pi{background:url(../images/p16.png) no-repeat;}
.r-ct ul li:nth-child(9):hover .pi{background:url(../images/p18.png) no-repeat;}
.r-ct ul li:nth-child(10):hover .pi{background:url(../images/p20.png) no-repeat;}
/*导航*/
nav ul li{  transition: all .3s ease;  width: 124px;  float: left;text-align: center; position:relative;}
nav ul li:hover{background:#015814;}
header nav ul li:hover a{color:#fff;}
nav ul li a{ display: block;color: #333;font-size: 16px;}
nav ul li dl.header-mulu{     transition: .3s all ease;     background: #fff;      display: none;  padding-top: 8px;    position: absolute;top: 100px;z-index: 9;width: 100%;left: 0;}
nav ul li:hover dl.header-mulu{display:block;}
nav ul li dl.header-mulu dd a{color:#666;}
nav ul li dl dd a{ font-size: 15px;    color: #666;line-height: 1.3;margin: 20px 0;display: block;}
nav ul div{float:left;}
nav ul li dl dd a:hover{color:#015814;}
/*nav ul li:hover dl{ opacity:1;}*/
.hover-animate nav ul li dl.header-mulu a{color:#666;}
.hover-animate nav ul li dl.header-mulu dd a:hover{color:#015814;}
.hover-animate nav ul li:hover a{}
nav{    float: right; }
.hover-animate  .la-x a{ background:url(../images/lan1.png) no-repeat left;background-size:28px 28px;    padding-left: 40px; color:#333; }

.flexslider .slides > li .f-img{overflow: hidden;height:860px; width: 100%; -webkit-animation: zoom 20s; animation: zoom 20s;}
.flexslider .slides .bslid{position:absolute;text-align: left; top: 39%;width:100%;color:#fff;}
.flexslider .slides .bslid h2{font-size:54px;font-weight: 600; animation-delay: .1s;   padding-bottom: 2%;}
.flexslider .slides .bslid span{width:65%;animation-delay: .2s; display:block;font-size:22px;}
.flexslider .slides .bslid dl dd{display: inline-block;text-align: center; width: 190px;margin: 2% 1% 0 1%;   height: 60px;line-height: 60px;background:#fff;transition: all .5s ease;animation-delay: .3s;    font-weight: 600;display: none;}
.flexslider .slides .bslid dl dd a{color:#666;}
.flexslider .slides .bslid dl dd:nth-child(1){background:#006533;}
.flexslider .slides .bslid dl dd:nth-child(1) a{color:#fff;}
.flexslider .slides .bslid dl dd:hover{background:#f8981c;}
.flexslider .slides .bslid dl dd:hover a{color:#fff;}

/*导航按钮*/
.menu_h { display:none; background:none; border:none; outline:none; width:30px; height:20px; position:absolute; right:0; z-index:399; cursor:pointer;}
.menu_h::before,.menu_h::after,.menu_h span { display:block; background: #c2000b; border-radius:2px;}
.menu_h::before,.menu_h::after { content:''; position:absolute; height:3px; width:100%; left:0; top:50%; -webkit-transform-origin:50% 50%; transform-origin:50% 50%; -webkit-transition:-webkit-transform 0.25s; transition:transform 0.25s;}
.menu_h span { position:absolute; width:100%; height:3px; left:0; overflow:hidden; text-indent:200%; -webkit-transition:opacity 0.25s; transition:opacity 0.25s;}
.menu_h::before { -webkit-transform:translate3d(0, -8px, 0); transform:translate3d(0, -8px, 0);}
.menu_h::after { -webkit-transform:translate3d(0, 8px, 0); transform:translate3d(0, 8px, 0);}
.menu-open .menu_h span {opacity: 0;}
.menu-open .menu_h::before {-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);}
.menu-open .menu_h::after {-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);}
.eg-b{ position:absolute; right:0; top:0; height:81px; line-height:81px; text-align:center; background:#c2000b; width:8%;}
.eg-b a{ font-size:18px; color:white;}
.wrap_menu {background:#222;background-size:cover;    transition: all .5s ease;}
/*黑色遮罩*/
.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; display: none; top: 0; left: 0; }
/*手机左边弹出导航*/
.menu_icon { margin:16px 12px 10px 4%; cursor: pointer; width: 32px;}
.wrap_menu { width: 280px; position: fixed; top: 0px; left: -280px; height: 100%; text-align: left; z-index: 10000001; overflow-y: scroll; }
.wrap_menu .h-mo{     margin-bottom: 14px;color:#fff;text-align:center;   height: 80px;line-height: 80px; font-size: 18px; font-weight: bold;BORDER-BOTTOM: 1PX SOLID #FFF; position:relative; }
.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
.wrap_menu .menu_close {    line-height: 80px; font-size: 15px; position: absolute; top: 0px; right: 15px; color: #999; border-bottom: none; z-index: 1000; }
.wrap_menu li {text-align: center; margin-bottom: 2px; font-size: 14px; position: relative; }
.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; padding: 10px 15px; }
.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255,255,255,0.8); overflow: hidden; line-height: 30px; font-size: 14px; border-bottom: rgba(255,255,255,0.1) solid 1px; }
.wrap_menu_2 { display: none; }
.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
.wrap_menu_2 a span { float: left; width: 175px; }
.menu_icon {float:right;}

/*banner*/
.met_flash{ font-size:0px; overflow:hidden; position:relative;} 
.met_flash ul{ margin:0px; padding:0px;} 


/*关于*/
.a-s{width:100%; overflow:hidden;background:#f2f2f2; background-size:cover;padding-top:5%;}
.a-s .container{position:relative;}
.pt{padding:4% 0;color: #878787;    margin-bottom:2%;}
.pt h3{ font-size:36px;color: #666;}
.pt h3 i{font-style:normal;border-bottom:2px solid #045215;padding-bottom:25px;}
.a-c{ width:100%; overflow:hidden;}
.a-s .ab-l i{    font-size: 36px;color: #999; font-style: normal;   font-family: "Arial";letter-spacing: 0.5;}
.a-s .ab-l h5{    width: 80%;font-size: 36px; position: relative;}
.a-s .ab-l h5::before {content: '';width: 86px;height: 5px;border-radius: 4px;    background: linear-gradient(to right, rgba(4, 82, 21, 1), rgba(0, 163, 36, 1));display: block;position: absolute; top: 82px; left: 0;}
.a-s .ab-l em{ padding: 6px 0;   display: block;font-style: normal;font-size: 36px;font-weight: bold;}
.a-s .ab-l h1{        padding: 68px 0 20px 0;   font-size:18px;}
.a-s .ab-l p{    font-size: 15px; color: #999;}
.a-s .ab-r{ height:100%;  position:absolute; left:0; background:url(../images/apple.jpg) no-repeat; background-size:cover;padding: 11.5% 0;}
.a-s .ab-r img{margin:0 auto;}
.a-s .ab-l {float:right;    background: url(../images/ab-bg.jpg) no-repeat;background-size:cover; padding: 8% 5%;}
.a-s .ab-b{float:right;    padding: 0;}
.a-s .ab-l ul li{text-align:center;border-right: 1px solid #eee;margin-top: 35px;}
.a-s .ab-l ul li:nth-child(1){}
.a-s .ab-l ul li:nth-child(3){border-right:none;}
.a-s .ab-l ul li h3{    color: #045215;font-size: 40px;}
.a-s .ab-l ul li p{color:#666;    padding-top: 8px;}
.fw-b{width:100%; overflow:hidden; margin-top:5%;}
.p-ti{padding:7% 0 4% 0;    text-align: center; }
 .pt p{  font-family: Arial;   font-size: 36px;color: #878787;}
 .pt1 h4{ font-size:46px; color:#fff;font-weight: bold;}
 .pt1 p{ font-size:16px;  color:#999;  margin-top:20px;}

 .p-ti a{display:block; position:relative;line-height:65px; font-size:20px; font-weight:bold; z-index:25;color:#999;}
.a-c{width:100%; overflow:hidden;}
 .p-ti .frt:after {content: '';width: 100%;height: 100%; opacity: 0;position: absolute;left: 0%;top: 0; right: 0%;transform: scale3d(0,1,1);background: #015814;
 z-index: 20;-webkit-transition: all 0.3s;transition: all 0.4s;}
  .p-ti .frt{width:240px;  position:absolute;   margin-top: 16px; height:65px; border:1px solid #999; text-align:center; }
 .p-ti .frt:hover:after { transform: scale3d(1,1,1);opacity: 1;}
  .p-ti .frt:hover a{color:#fff;}
   .p-ti .mt{position: relative;width: 240px;}

.yq{ width:100%; overflow:hidden;  }
#showproduct h1.title{ font-size:18px; padding:5px 0px; margin-bottom:5px;}
#showproduct .pshow dt{ float:left;}
#showproduct .pshow dd{ float:right;}
#showproduct .pshow dd ul{ margin-left:15px; }
#showproduct .pshow dd li{ padding:5px 5px 5px 45px; min-height:28px; _height:28px; margin:5px 0px; clear:both; border-bottom:1px solid #eee; position:relative; line-height:2; }
#showproduct .pshow dd li span{ position:absolute; left:0px; top:0px; color:#999; padding:5px; height:28px;}
#showproduct .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#showproduct img{display:inline-block;}
.ab-n{width:100%; overflow:hidden; background:url(../images/about-n.jpg) no-repeat center; background-attachment: fixed; background-size:cover;height:500px;}
.ab-nt{    width: 100%; height: 100%;display:flex; flex-wrap: wrap; align-items: center; justify-content: center;background: rgba(0,0,0,.6);}
.ab-nt h3{font-size:46px;    letter-spacing: 5px; font-weight: bold; color:#fff;}
.runpic-box {    margin-top: 5%;width: 100%;overflow: hidden; position: relative;}
.runpic-words {    position: absolute;width: 1400px; top: 42%;left: 50%; margin-left: -700px;z-index: 3; max-width: 100%;}
.runpic-words ul li {width: 20%;float: left;text-align: center;}
.runpic-words ul li img {display: block;margin: 0 auto;transition: all 1s;}
.runpic-words ul li h6 { font-size: 20px; color: #fff;margin-top: 32px;}
.runpic-words ul li p {font-family: Arial;font-size: 18px;color: #fff; text-transform: capitalize; margin-top: 10px;}
.runpic-words ul li:hover img { transform: rotateY(180deg);}
.runpic-line-null {position: absolute; width: 100%;height: 1px; background-color: rgba(255, 255, 255, .1);left: 0;top: 62%;z-index: 4;}
.runpic-line {position: absolute; width: 10%; height: 1px; background-color: #b6b5aa; left: 0;top: 62%; z-index: 4;transition: all 1s;}
.runpic-pic {width: 100%; overflow: hidden; position: relative;z-index: 1;height: 820px; background-color: #000;}
.runpic-pic ul li {width: 100%; height: 820px; display: none;background-repeat: no-repeat !important;background-attachment: fixed !important;position: relative;background-size: cover !important;position: absolute;top: 0%;
left: 0%;}
.runpic-pic-true{animation: toPicBig 1s ease-in-out both;}
@keyframes toPicBig
{0% {transform: scale(1.04);}100% {transform: scale(1);}}
.runpic-pic-shade {position: absolute;z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4);transition: all 2s;}
.runpic-words-pic {height: 42px;}
.y-icon {width: 100%;height: auto; padding-top: 5.5%;padding-bottom: 5.8%;background-color: #fff;}
.y-icon span{text-align: center;color: #878787;text-transform: uppercase;display: block;font-size: 32px;font-family: Arial;letter-spacing: 0;}
.y-icon h4{    text-align: center;    font-size: 42px;line-height: 42px; color: #666;margin-top: 1%;}
.y-icon p{   width: 900px;max-width: 92%; margin: 37px auto 0;font-size: 16px;line-height: 28px;color: #666;text-align: center;}
.x-i{position:relative;}
.xit{position:absolute; width:100%; height:100%; top:0;display: flex;flex-wrap: wrap;align-items: center;    justify-content: center;    font-size: 42px;color: #fff;}
.xit a.xmore{display:block;width:170px;margin-top:30px; height:45px; line-height: 45px; text-align: center; border:1px solid #fff;    font-size: 16px; color: #fff;    transition: all .5s ease;}
.xit a.xmore:hover{background:#045215; border:1px solid #045215;}
.road-num {width: 100%; overflow: hidden; margin-top: 12px;}
.road-num ul li { width: 33.3333333333%;float: left; text-align: center;}
.road-num ul li h6 span {font-size: 40px;    color: #045215;}
.road-num ul li h6 b {font-weight: normal;font-size: 12px; color: #666;vertical-align: top; display: inline-block;margin: 10px 0 0 4px;}
.road-num ul li p { font-size: 14px; color: #666;}
.i-nav ul li{position:relative;      padding-right: 0; padding-left: 12px; margin:5% 0; overflow: hidden;}
.i-nav ul li h4{    font-size: 36px;line-height: 36px; color:#fff;}
.i-nav ul li h4 i{padding-bottom: 20px;font-style:normal; border-bottom: 2px solid #045215;}
.i-nav ul li p{    margin-top: 15%;    font-size: 16px;line-height: 28px;color: #fff;}
.i-nav .in{    width: calc(100% - 60px); padding: 0 52px;left: 0; bottom: 17%;position: absolute;}
.i-nav ul li .i-img{ overflow: hidden;}
.i-nav ul li .i-img img { transition: transform 1.5s;}
.i-nav ul li:hover .i-img img {transform: scale(1.3);}
.lx dl{padding-left:0;margin-top:20px;}
.lx dl dd{font-size:16px; color:#666;  margin-top: 3px;  line-height: 1.8;}
.lx dl.lxt{ float:right;  width: 22%;   border-left: 1px solid #045215; margin-top: 0;}
.lx dl dd img{ width: 150px;float: right;}
.my-map { margin: 0 auto; width:100%; height: 500px; margin-top: 5%;}
		.my-map .icon {    width: 50px;height: 50px; background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-flg { height: 32px; width: 29px; }
		.my-map .icon-flg-red { background-position: -65px -5px; }
		.amap-container{height: 100%;}
/*首页*/
.style-1 h2.title { text-align:center; margin-bottom:35px; font-weight:normal;}
.style-1 h2.title span{ display:block; color:#666;}
.style-1 h2.title span::before,.style-1 h2.title span::after { content:""; display:inline-block; width:30px; border-top:1px solid #000; margin:0 10px 4px;}
/*产品中心*/
.yq ul li{position:relative; overflow: hidden; color:#fff;    height: 32rem;}
.yq ul li.item1{background:url(../images/d1.jpg) no-repeat  center; background-size:cover;}
.yq ul li.item2{background:url(../images/d2.jpg) no-repeat  center; background-size:cover;}
.yq ul li.item3{background:url(../images/d3.jpg) no-repeat  center; background-size:cover;}
.yq ul li p{ font-family: "Impact"; font-size:100px;    line-height: 1.6;}
.yq ul li span{font-size:46px;    font-weight: bold}
.yq ul li .fl-x .container{position:relative;}
.yq ul li .fl-x{position:absolute; width:100%; height: 100%; left:0; top:0;  display: flex;flex-wrap: wrap;align-items: center;     z-index: 10;}
.yq ul li .fl-b{transition: .3s all ease; background: rgba(0,0,0,.4);position:absolute; width:100%; height: 100%; left:0; top:0;    z-index:9; }
.yq ul li.item1 .fl-t,.yq ul li.item3 .fl-t{text-align: right;}
.yq ul li:hover .fl-b{left:-100%;    background: rgba(0,0,0,.2);}
.yq ul li i{display:block; width: 120px; height:2px; background:#015814;}

.yq ul li p:after {content: '';display: block;width: 60px;height: 1px;background: rgba(255,255,255,.5);position: absolute;top: 61%;right: 18px;}
.yq ul li.item2 p:after{left: 18px;}
.yq ul li:hover p:after {width: 300px;}
/*产品*/
.s-box{width:100%; overflow:hidden;}
.index-product{ margin-top:60px; padding-top:30px; padding-bottom:43px; background:#f5f5f5;}
.index-product .active { position:relative;}
.index-product .profld{ margin:0px; position:relative; overflow:hidden;}
.index-product ol{ position: absolute; width: 2012em; }
.index-product ol li{ float:left; text-align:center;  height:296px !important;}
.index-product ol li .img{ display:block; text-align:center; font-size:12px; padding:10px 10px 0px 10px; position:relative;}
.index-product ol li .img img{ display:block; margin:auto;}
.index-product ol li p { opacity:0; transform:scale(0.5,0.5); transition:0.5s; width:430px; height:296px; background:rgba(242,153,0,.6); position:absolute; top:10px; left:10px;}
.index-product ol li p span { display:block; width:430px; height:296px; margin:14px;  transform:scale(0,0); transition:0.8s;}
.index-product ol li p a { display:inline-block;  text-align:center; margin:0 5px;  margin-top:106px;}

.index-product ol li:hover p { opacity:1; transform:scale(1,1);}
.index-product ol li:hover p span { transform:scale(1,1);}
.index-product ol li h3{ font-weight:normal; height:40px; line-height:40px; overflow:hidden;}
.index-product .flip{ height:20px; overflow:hidden; float:left; }
* html .index-product .flip{ width:300px;}
*+html .index-product .flip{ width:300px;}
.index-product .next,.index-product .prev{ display:block; width:32px; height:56px; overflow:hidden; position:absolute; z-index:9999; top:126px;}
.index-product .next{ right:-64px; background:url(../images/next_icon.png) no-repeat center;}
.index-product .prev{ left:-64px; background:url(../images/prev_icon.png) no-repeat center;}
#trigger{ display:none; float:left; margin-right:5px; margin-top:0px; position:relative; bottom:8px; *bottom:0px; *top:5px; zoom:1;}
#trigger a{ background:url(../images/neu.gif) no-repeat -78px -10px; width:8px; height:8px; font-size:0px; display:inline-block; overflow:hidden; margin-right:5px;}
#trigger a.current{ background-position:-78px 0px;}
.index-product .active a.more { display:block; width:118px; height:32px; text-align:center; margin:0 auto; line-height:32px; background:#333; border:1px solid #333; color:#fff; border-radius:5px; margin-top:30px;}
.index-product .active a.more:hover { background:none; color:#333;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(../images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; overflow: hidden;}
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: auto; min-height: 1px; display: none; }
.slick-slide img { display: block; transition:.3s all ease;width:100%; padding:0 12px;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; position: relative;}
.slick-initialized .slick-slide h3 span{bottom:-100%; padding:20% 0;display:block; position: absolute; width:94.8%; margin:0 12px;background: rgba(34,102,51,0.8);height: 100%;text-align:center;transition:.3s all ease;}
.slick-initialized .slick-slide h3 span i{display:block; width:40px; height:1px; border:1px solid #fff;    margin-top: 23px;}
.slick-initialized .slick-slide h3 span h4{font-size:24px; color:#fff;line-height:25px;padding-right:12px;}
.slick-initialized .slick-slide h3 span p{font-size:18px;color:#fff; margin-top:13px;}
.slick-loading .slick-slide { visibility: hidden; }
.slick-initialized .slick-slide h3{}
.slick-initialized .slick-slide:hover span{bottom: 0;}
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slide .po-mo	{    opacity: 1; text-align: center;width: 120px; height: 40px;border: 1px solid #fff; line-height: 40px;color: #fff;margin:30px auto;}
.slick-slide:hover .po-mo{opacity:;}
.slick-slide .po-mo:hover{background:#004511; color:#fff; border:1px solid #004511;}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 45%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -40px; background: url("../images/q-prev.png") no-repeat left; width: 20px; height:36px;}
.slick-next { right: -40px; background: url("../images/q-next1.png") no-repeat left; width:20px; height: 36px;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; display:none !important;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;display:none; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
.button{background:#3498db;color:#fff;display:block;font-size:16px;margin:20px auto;padding:10px;text-align:center;text-decoration:none;width:48%;}
.buttons{padding:0 20px 20px; margin-bottom: 10px;}
.slick-slide .image{padding:10px;}

.slick-slide img.slick-loading{border:0 }
.slick-slider{}
/*底部*/ 
footer{width:100%; background:#111; overflow:hidden; }
.foot-l{    padding: 108px 0 80px 0;}
.foot-r{padding-right:0;margin: 90px 0 90px 0;float: right;}
footer dl{ float:left;     padding-right: 11%;}
footer dl dt{font-size:20px; font-weight: normal;color:#fff; padding-bottom:25px;}
footer dl dd{color:#fff;    margin-bottom: 10px;}
footer dl dd a{color:#fff; font-size:16px;}
footer dl.lx-b img{float:left;padding-right:10px;    margin-top: 6px;}
footer dl.lx-b dd{ font-size:16px;}
footer .wx img{width:150px;}
footer .wx{    border: 1px solid #666;padding: 12px;}
footer .m-bq{    float: left; width: 100%;    border-top: 2px solid #999; color:#999;     margin-top: 70px;   padding: 35px 0;font-size:14px;overflow: hidden;}
footer dl dd a:hover{color:#015814;}
.d-nav ul li .do{width:100px; height:100px;border-radius: 50%;margin: 0 auto 0; transition: margin .5s; border:1px solid #fff;}
.d-nav ul li .do img{margin:27px auto;}
.d-nav ul li:hover .do{background:#045215; border:1px solid #045215;}
.d-nav{width:100%; overflow: hidden; background:url(../images/xfoot.jpg) no-repeat;    padding: 7% 0; background-size: cover;}
.d-nav ul li h3{    text-align: center;font-size: 22px;line-height: 24px;color: #fff; margin-top: 30px;}
.d-nav ul li  p{       margin-top: 13px; text-align: center;font-size: 16px;line-height: 26px;color: #999; }
/*右侧漂浮菜单*/
.right_bar{ display:none; position:fixed; top:400px; right:0; width:60px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:180px; left:0px; transition:0.5s;}
.right_bar li.rtbar_li1:hover { left:-116px;}
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:52px; left:0; width:140px;  transition:0.5s;}
.right_bar li.rtbar_li3:hover { left:-70px;}
.right_bar li.rtbar_li4{ }
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:13px; height:50px; line-height:50px; overflow:hidden; background-color:#ab000a; }
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 17px 14px 19px;}
.right_bar li a:hover{ background-color:#282828; opacity:1;}
.right_bar li.rtbar_li2:hover .rtbar_shwx { opacity:1; left:-160px;}
.rtbar_shwx{ opacity:0; position:absolute; top:0px; left:50px;  transition:0.5s;}
.rtbar_shwx img{ padding:5px; background-color:#FFF; width:142px; height:142px; }
/*右侧漂浮菜单 end


/*内页侧栏*/
#showproduct .pshow dd li span{      color: #333;  font-size: 16px;}
#showimg .imgshow img{ margin:0 auto;}
.sidebar { }
.sidebar .sb_nav{   margin-top:4%; padding-bottom: 3%;}
.sidebar .sb_nav h3.title { display:none;}
.sidebar .sb_nav .active{ text-align:center; width:100%;}
.sidebar .sb_nav dl{       display: inline-block;  margin: 0 8px;  position:relative;}
.sidebar .sb_nav dl dt {      border: 1px solid #878787;  padding:12px 26px;color: #fff;}
.sidebar .sb_nav dl dt.on,.sidebar .sb_nav dl dt:hover { background:#045215;}
.sidebar .sb_nav dl dt a{ font-size:16px;color:#666;    font-weight: normal;}
.sidebar .sb_nav dl dt.on a,.sidebar .sb_nav dl dt:hover a{ color:#fff;}
.sidebar .sb_nav dl dd{ width:100%; background:#fff; background:rgba(255,255,255,.85); position:absolute; left:0px; right:0; top:100%; z-index:2; max-height:160px; overflow-y:scroll; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar { width:3px; background-color:#ededed; margin-top:12px;}
.sidebar .sb_nav dl dd::-webkit-scrollbar-thumb { border:none; width:3px;background-color:#ca171c; }
.sidebar .sb_nav dl dd::-webkit-scrollbar-corner { background-color:#ededed; }
.sidebar .sb_nav dl dd h4{ font-weight:normal;}
.sidebar .sb_nav dl h4 a { display:block;line-height:2.5; font-size:16px;}
.sidebar .sb_nav dl h4.on a{ color:#ca171c;}
.sidebar .sb_nav dl h4 a::before { display:inline-block; content:""; width:0px; vertical-align:middle; border-top:1px solid #ca171c; margin-right:5px; transition:.4s;}
.sidebar .sb_nav dl h4:hover a::before,.sidebar .sb_nav dl h4.on a::before { width:10px;}
.sidebar .sb_box{ width:100%;  overflow:hidden;}
.sidebar .sb_box h3.title{  display: none;   margin-bottom: 40px;    text-align: center; line-height:1.6; font-weight:normal; position:relative;  }
.sidebar .sb_box h3.title span{ font-size:20px; color:#333; padding:0px 10px;}
.sidebar .sb_box h3.title div.position{ float:right; color:#666; margin-top:20px;    display: none;}
.sidebar .sb_box h3.title div.position a{ color:#999;}
.sidebar .sb_box .active { margin-top:1.5%;}
#showproduct .pshow{ margin-top:20px; padding-bottom:22px;}
.sidebar .sb_box h3.title .moresidebar { display:none; float:right; font-weight:normal; padding:0 10px 0 20px; background:url(../images/side.png) no-repeat left center; background-size:12px; margin-top:20px;}
/*产品列表*/
#productlist li{ }
#imglist li h3 a{ font-size:16px;}
#imglist li:hover h3 a{color:#fff;}
#imglist li a.img{overflow:hidden;}
#imglist li img { display:block; transform:scale(1,1); transition:0.8s;}
#imglist li:hover img { transform:scale(1.2,1.2);}
#imglist li h3{ line-height:3.5;}
#productlist li {   text-align: center;height:auto !important;     margin-bottom: 40px;  position:relative;}
#imglist li{    transition: .3s all ease; width:33.33333333% !important; height:auto !important;     margin: 0 !important;overflow:hidden;     padding:20px 20px 0 20px;; }
#productlist li a{display: block;overflow: hidden; background: #fff; padding-top: 50px; padding-bottom: 35px;  }
#productlist li a span{ display:block; width:85%; color:#000; font-size:14px;margin-left:15px;margin-top:4px;}
#productlist li a.img img {  display:block; border:none; }
#productlist {padding: 0px 10px;}

#productlist li a.text h3 { font-size:24px; font-weight:bold; line-height:1.6; padding:15px 0 0 0; color:#000; margin-left:15px;}
#productlist li:hover a{ }

#productlist>ul>li:hover p{}
#productlist li a.text p {     font-size: 15px;   line-height: 21px;    color: #666; }
#productlist li a.text i{}


#productlist li:hover a.text{}
#productlist li:hover a.text p{ color:#fff;}
#productlist li a.text i{    transition: .3s all ease;    margin-top: 30px;width: 140px;height: 40px;border: 1px solid #fff;font-style:normal;    display: block;text-align: center;
line-height: 40px;font-size: 16px;}
#productlist li a.text i:hover{background:#324373; border:1px solid #324373;}
#productlist li a.text h4{      font-size: 20px; color: #333;}
#productlist li a.text span{width: 140px;height: 45px;font-size: 16px;line-height: 45px;color: #fff; background-color: #045215;margin: 0px auto 0; display: block; text-align: center; opacity: 0; transform: translateY(20px); transition: transform .5s,opacity .5s;}
#productlist li:hover a.text span {opacity: 1;transform: translateY(0px);}
.po-b {width:100%; background: #fff;padding: 3% 0;}
/*产品内容页*/
.met_page a{ color:#666 !important;}
.new-box{    padding-top: 1.5%;background: #f2f2f2; width:100%; overflow:hidden;}
#newslist li{padding:0;}
#showproduct .editor{    margin-top: 3%;}
.editor div{font-size:16px;}
.xit .x-to h4{font-size:42px;text-align: center;}
h3.in-t{font-size:36px; color:#333;    padding-bottom: 5%;}
h3.in-t i{border-bottom:2px solid #045215;padding-bottom:25px; font-style: normal;}
#showproduct h1.title {color: #333;margin-bottom: 30px; font-size:36px;    margin-top: 10px; font-weight:normal; padding:0;}
#showproduct .pshow::after { content:""; display:block; clear:both;}
#showproduct .pshow dt {    width: 50% !important;}
#showproduct #imgqwe { display:block; float:left; width:100%;    border: 1px solid #e5e5e5;}
#showproduct #imgqwe img { display:block; width:100%;}
#showproduct .smallimg { width:100% !important; float:right; margin:0; max-height:693px; overflow:auto;}
#showproduct .smallimg::-webkit-scrollbar { width:6px; background-color:#ededed; margin-top:20px;}
#showproduct .smallimg::-webkit-scrollbar-thumb { border:none; width:6px;background-color:#e89301; }
#showproduct .smallimg::-webkit-scrollbar-corner { background-color:#ededed; }
#showproduct .smallimg span.spic { display: inline-block;margin-top: 20px; width: 120px; border: 1px solid #ccc;}
#showproduct .smallimg span img { width:100% !important;}
#showproduct .pshow dd {    width:45% !important;}
#showproduct .pshow dd ul { margin:0 15px;}
#metinfo_additional{display:none;}
#thumblist li .zoomThumbActive img{    border: 2px solid #045215 !important;}
#showproduct .pshow dd li{border-bottom:none;font-size: 16px;color: #878787;    }
a.x-more{width:180px; font-size:16px;   margin-top: 30px; height: 50px; background:#045215; display: block; line-height:50px; text-align: center; color: #fff;}
#showproduct .ctitle {      display: none;  font-weight: bold;color: #324373; font-size:36px;border-bottom:none; margin:40px 0px 0px; padding:0px 10px; background:none;}
#showproduct .ctitle::after { content:""; display:block; width:40px; border-top:2px solid #c2000b; margin-top:15px;}
#showproduct td{width:50%;    padding: 0 4% 0 0; line-height: 1.7;}
#imglist li a.img img{border:none;}
#imglist li:hover{background:#015814;}
/*新闻模块*/
/*新闻模块*/
#showtext{margin-top: 2%;  }
#imglist{margin-top:0;}
#shownews h1{border:none; font-size: 30px; text-align: center;padding: 0% 0 1.5% 0;margin:0;}
#shownews .n-time{ margin-bottom: 2%; border-bottom: 1px solid #eee;   padding-bottom: 20px;   color: #999;text-align: center; display: block;}
.new  li {height: auto;position: relative;padding:0;}
#shownews .editor p{font-size:16px !important; text-indent: 2rem;}
.new li a {width: 100%;height: auto; display: block; padding-bottom: 12%; border-top: 10px solid #f2f2f2;}
.new .new-b {width: 82.4%;height: auto;padding-top: 10%;margin: 0 auto;transition: color .5s;}
.new .new-b .time { font-size: 16px; line-height: 16px; color: #878787; font-weight: bold; font-family: Arial;    zoom: 1;}
.new .new-b .time span {float: right;}
.new .new-b .time i {float: left; font-style:normal;}
.new .new-b .new-t {font-size: 22px;line-height: 40px;height: 80px;color: #666;display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 9%;}
.new .new-b .new-img  { width: 100%; height: auto;overflow: hidden;margin-top: 10%;}
.new .new-b .new-img  img { transition: transform 1.5s;}
.new li:hover {background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); z-index: 10;}
.new li:hover .time span {color:#045215;}
.new li:hover .new-t  {color: #045215;}
.new li:hover .new-img img {transform: scale(1.1);}
.new li:hover a {border-top: 10px solid #045215; }
.met_hits p{float:left;}
td.input {
	padding: 6px 8px;}
.sidebar .sb_box .active .editor div{    text-indent: 2rem;font-size: 16px;}
.sidebar .sb_box .active .editor img{margin:0 auto;}
#flip{ margin-top:20px;   width: 100%;float: left; margin-bottom: 3%;}
#flip nav{float:none;    text-align: center;}
#flip nav a{    border: 1px solid #999;
    padding: 2px 6px;}
.metpager_8 span.current{    background-color: #015814;    border: 1px solid #015814;}
#showimg h1.title{border-bottom:1px solid #eee;    padding-bottom: 20px;}
#showimg .ctitle{    padding: 20px 20px;    margin: 10px 0px 28px; font-size:36px;}
/*简介模块*/
.editor h3.title { font-size:30px; text-align:center; border-bottom:none !important;}
.editor h6.subtitle { font-weight:normal; text-align:center; color:#999;}
.editor h6.subtitle::before { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
.editor h6.subtitle::after { content: ""; display:inline-block; width:30px; border-top:1px solid #666; margin:0 10px 4px;}
/*联系我们*/
.contactus ul { width:60%; padding:0; float:left; margin-right:3%;}
.contactus li { margin-bottom:10px; padding:20px 0; border-bottom:1px dashed #ccc;}
.contactus .erweima { width:36%; float:left; text-align:center; line-height:1;}
.contactus .erweima .er-img { width:48%; margin:0 1%; float:left;}
.contactus .erweima img { display:block; width:100%;}
#allmap { width:100%; height:400px;}
#allmap .BMap_Marker div { width:39px !important;}
#showtext img{    display: initial;}
#showimg .smallimg{width:100% !important;}

/*公司简介*/
.profile .honor img { width:33%;}
.ab-x{width:100%; overflow:hidden; background:#f2f2f2;    padding: 4.5% 0;}
.ab-x ul li{color: #fff;padding:0; height:600px; position:relative;transition: all .5s ease;     transition-delay: .1s; }
.ab-x ul li .a-x{position:absolute; bottom:10%; left:8%;    transition: all .5s ease;}
.on-list { width: 59.5%;    transition-delay: .3s;}
.h-tt p{      font-family: Arial;      font-size: 42px;line-height: 42px;color: #878787;text-transform: uppercase;}
.h-tt h3{    color: #666;margin-top: 13px; font-size: 42px;line-height: 42px;}
.ab-r span{    font-size: 70px; line-height: 70px;color: #045215;}
.ab-r p,.gzl span{    font-size: 16px;line-height: 30px;color: #666; margin-top: 17px;}
.ab-r p.k1{    font-size: 18px; line-height: 26px;color: #000;margin-top: 24px;}
.ab-x ul li h3{font-size:30px;font-weight:bold;   transition: all .5s ease;}
.ab-x ul li p{font-size:16px;transition: all .5s ease;}
.ab-x ul li.on-list h3{font-size:46px; }
.ab-x ul li.on-list p{font-size:24px;}
.gzl span{    display: block; margin-top: 15%}
.gzr{padding-right:0;}
.gzl{background:#fff;  height: 583px; padding: 6.5% 6%;}
.gzl i{font-style:normal; border-bottom:2px solid #045215; padding-bottom:25px;}
.i-nav1 .in {width: calc(100% - 27px);}
.ms-img{padding-right:0;}
#messagelist{padding-left:0;height: 587px; background:#fff;margin-top: 0;}
/*品牌营销*/
.marketing .network-img img { width:50%;}
.marketing h5 { font-size:22px; font-weight:normal; color:#b08046;}
/*招商加盟*/
.join .guarantee { width:50%; float:left;}
.join .reward { width:50%; float:right; padding-left:5%; box-sizing:border-box;}
.join img { width:50%;}
#foote{ display:none;
    bottom: 0;
    width: 100%; }
.footerbox{ max-width:100%; height:70px; margin:0px auto; position:relative;}
.footerlist{max-width:100%;  height:70px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#014c8d)); position:absolute; left:0px;  }
#foote ul{ display:-webkit-box; }
#foote ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right:1px solid rgba(255,255,255,0.2);  }
#foote ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 70px; }
#foote .icon{ display:block; margin:0px auto 6px; position:relative; top:13px; width:30px; height:20px; overflow:hidden; background:url(../images/footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#foote .map{ background-position:-83px 0px;}
#foote .message{ background-position:-45px 0px;}
#foote .home{ background-position:-118px 0px;}
#foote .txt{ height:16px; line-height:47px; font-size:12px;}
#foote ul li:nth-child(2),#foote ul li:nth-child(3){display:none;}
#foote .footerlist{ background:-webkit-gradient(linear,0 0,0 100%,from(#1a1a1a),to(#000));}
#messagelist td.input input{width: 100% !important;background: #f2f2f2;outline: none; border: none;height: 42px;}
#messagelist textarea{background:#f2f2f2;border: none; outline: none;width: 100%;}
#messagelist table td {font-size: 16px;}
#messagelist .button{margin:0;    background: #324373; border: none;}	
td.input .info{display: none;}
#messagelist table .submit {background: #333;width: 160px;    height: 42px;}
#messagelist table .submit:hover{background: #045215; opacity: 1;}
.ms-t h4{      padding:7.5% 10%;  font-size: 36px;color: #666;}
.ms-t p{    color: #878787;font-size: 36px;}
#messagelist table{     margin-left:10%;   float: left;}
.meb{    padding: 28px 0 6% 0;}
td.text{width: auto;}
/*响应式开始*/
.met_hits{  margin-top: 4%;  height: auto;line-height: 60px;}

@media (max-width: 1440px) and (min-width: 1200px) {
header{top: 25px;}
	.container{    width: 1200px;}
	nav ul li{    width: 102px;}
	.a-s .ab-r{    padding: 16.5% 4%;}
	.runpic-words{left: 0;margin-left: 0;}
	footer dl{    padding-right: 9%;}
		#messagelist{   height: 587px;}
	.ms-img{   height: 587px;}
	.ms-img img{width: auto;max-width: none;height: 100%;}
	.sidebar .sb_nav dl{    margin-bottom: 8px;}
	.sidebar .sb_nav dl dt{padding: 12px 16px;}
}
@media (max-width: 1200px) and (min-width: 991px) {
	header{    top: 20px;}
nav ul li {    padding: 0 15px;width: auto;}
	.a-s .ab-l{    padding: 4% 2%;}
	.a-s .ab-r{    padding: 20.5% 4%;}
	.runpic-words{  margin-left: 0;  left: 0;}
	.i-nav .in{    width: calc(100% - 4px);    padding: 0 42px;}
	#messagelist{   height: 470px;}
	.ms-img{   height: 470px;}
	.ms-img img{width: auto;max-width: none;height: 100%;}
	.ms-t h4 {padding: 2% 5%;}
	#messagelist table {margin-left: 2%;}
	footer dl{    padding-right: 7%;}
.top-logo {width: 230px;max-width: 230px;}
			.sidebar .sb_nav{    margin-top: 15px;position: static;}
	.sidebar .sb_nav dl {margin: 5px 5px;}
	.on-list {width: 66%;}
}
@media (max-width: 991px) and (min-width: 767px) {
	nav{display:none;}	
.top-logo{width: 162px;float: left;display: block;max-width:162px;margin-top: 10px;}
header{position: static;height:60px;background: #fff;}
.top-logo img.img2{display:block;top: 11.5px;}
	.r-c{display:none;}
	.a-s .ab-r{    position: static;    height: auto;}
	.a-s .ab-l h1{ padding: 47px 0 20px 0;   line-height: 1.6;}
	.runpic-words{    left: 0;    margin-left: 0;}
	.i-nav .in{    width: calc(100% - -20px);padding: 0 33px;}
	footer dl:nth-child(5){display:none;}
	.xit .x-to h4,.y-icon h4,.h-tt h3{font-size:36px;}
	.y-icon span,.pt p,.h-tt p{    font-size: 26px;}
	#showproduct .pshow dt{    width: 50% !important;}
	#showproduct .pshow dd{    width: 50% !important;}
	#showproduct .smallimg span.spic{width: 82px;}
	.met_page {text-align: left;}
	#imglist li{    width: 50% !important;}
	#shownews h1{ font-size: 26px;}
	footer dl{    padding-right: 6%;}
		.sidebar .sb_nav{    margin-top: 15px;position: static;}
	.sidebar .sb_nav dl {margin: 5px 5px;}
header .la-x a {
    display: block;
    background: url(../images/lan1.png) no-repeat left;
    background-size: 28px 28px;
    padding-left: 40px;
    color: #333;
	font-size: 16px;    line-height: 70px;}
	.ms-img{padding:0;}
	.ms-img img{width:100%;}

}
@media screen and (max-width: 767px) {
nav{display:none;}	
.top-logo{width: 162px;float: left;display: block;max-width:162px;margin-top: 10px;}
header{position: static;height:60px;}
.top-logo img.img2{display:block;top: 11.5px;}
	.r-c{display:none;}
	.a-s .ab-r{    position: static;    height: auto;}
	.a-s .ab-l h5,.a-s .ab-l i,.xit .x-to h4,.ms-t h4{font-size: 26px;}
	#showimg .ctitle{font-size: 26px;}
	.a-s .ab-l h5::before{    top: 52px;}
	.a-s .ab-l h1{ padding: 47px 0 20px 0;   line-height: 1.6;}
	.road-num ul li{    width: 100%;}
	.a-s .ab-r img{    max-width: 220px;}
	.xit a.xmore{    margin-top: 16px;}
	.y-icon span{font-size:14px;}
	.y-icon h4{    font-size: 26px;}
	.y-icon p{    margin: 14px auto 0;}
	.runpic-words{    left: 0;margin-left: 0;top: 14%;}
	.runpic-pic ul li,.runpic-pic{height: 400px;}
	.runpic-words ul li h6{font-size:16px;}
	.runpic-words ul li p{font-size:14px;}
	.runpic-words ul li{    width: 33.3333333%;margin-bottom: 30px;}
	.runpic-line{top: 49%;}
	.pt p,.pt h3,.h-tt p,.h-tt h3{font-size: 26px}
	.new .new-b .new-t {font-size: 20px;}
	.lx dl.lxt{width:100%;}
	.i-nav ul li{padding-left: 0;}
	.lx dl dd img{    float: none;margin: 0 auto;}
	.i-nav ul li h4{    font-size: 26px;}
	.i-nav .in{    padding: 0 18px;}
	.d-nav ul li{margin-bottom:18px;}
	.pt p{line-height: 30px;padding-bottom: 15px;}
	.sidebar .sb_nav dl {margin: 5px 5px;  float: left;  display: block;}
	.sidebar .sb_nav dl dt{padding: 7px 35px;}
	td.text{    text-align: left;}
	#messagelist{    height: auto;}
	#showproduct .pshow dt {width: 100% !important;}
	#showproduct .smallimg span.spic{width: 60px;}
	#showproduct .pshow dd {width: 100% !important;}
	#showproduct h1.title{font-size:26px;}
	h3.in-t{font-size:26px;padding-bottom: 50px;}
	.met_page {text-align: left;}
	.met_page a{    display: block;margin-right: 0px;}
#imglist li{width: 100% !important;}
	#shownews h1{    font-size: 22px;padding-top: 5%;}
	#showimg h1.title{    margin-bottom: 0px;}
	.sidebar .sb_nav{    margin-top: 15px;position: static;}

	header .container {display: block;}
	footer dl{    display: none;}
	footer .wx{float:none;}
	footer .wx img{margin:0 auto;}
	#foote{display: block;}
	.foot-l {padding: 60px 0 60px 0;}
header .la-x a {
    display: block;
    background: url(../images/lan1.png) no-repeat left;
    background-size: 28px 28px;
    padding-left: 40px;
    color: #333;
    font-size: 16px;    line-height: 70px;}
  table td{    width: 100% !important; float: left; padding: 10px 0 !important;}
	.ms-t h4 {padding: 7.5% 6%;}
	.ms-img{    padding-left: 0;}
}
